﻿.usernameModal {
}

.usernameModal__info {
    font-family: var(--ff-regular);
    font-size: var(--text-m-fs);
    line-height: var(--text-m-lh);
    margin-bottom: 32px;
}

.usernameModal__title {
    font-family: var(--ff-semibold);
    font-size: var(--subheadings-s6-fs);
    line-height: var(--subheadings-s6-lh);
    margin-bottom: 12px;
}

.usernameModal__input {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 32px;
}

@media screen and (max-width: 767px) {
    .usernameModal {
        overflow-y: auto;
        padding: 0 12px 0 0;
    }
}
